<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0,user-scalable=no,minimal-ui">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="../img/asset-favico.ico">
    <title>评估问卷</title>

    <link rel="stylesheet" href="../css/page-health-riskQuestion.css" />

    <script src="../js/vue.js"></script>
    <script src="../js/axios-0.18.0.js"></script>

</head>

<body data-spy="scroll" data-target="#myNavbar" data-offset="150">
<div id="app">
    <!-- 页面头部 -->
    <div class="top-header">
            <span class="f-left">
                <a href="javascript:history.back(-1)" style="color: white">
                    <span class=""><i class="icon-back"></i>返回</span>
                </a>
            </span>
        <span class="center">千锋健康</span>
        <span class="f-right"><i class="icon-more"></i></span>
    </div>
    <!-- 页面内容 -->
    <div class="contentBox">
        <div class="question">

            <div class="q-tit" v-show="dataIndex === index" v-for="(item, index) in data" :key="index">
                <!--                    <p class="type-num">{{dataIndex + 1}}/{{data.length}}</p>-->
                <p class="type-num"><i class="cur-num">{{dataIndex + 1}}</i>/{{data.length}}.{{item.subject.title}}</p>
                <p>{{item.subject.describe}}</p>
            </div>
            <div class="q-choose">
                <div class="choose-items">
                    <transition-group :name="transitionName">
                        <div class="problemList" v-show="dataIndex === index" v-for="(item, index) in data" :key="index">
                            <!--                                <div class="subject">-->
                            <!--                                    <h3>{{dataIndex + 1}}/{{data.length}}.{{item.subject.title}}</h3>-->
                            <!--                                    <p>{{item.subject.describe}}</p>-->
                            <!--                                </div>-->
                            <div class="option">
                                <ul class="clearfix">
<!--                                    <li v-if="item.multiSelect == 0" v-for="(li, liIndex) in item.subject.option"-->
                                    <li v-for="(li, liIndex) in item.subject.option"
                                        :key="liIndex" @click="choiceRadio(index,liIndex)">
                                        <input type="radio" :value="li" v-model="item.checkbox" />
                                        <span>{{li}}</span>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </transition-group>
                </div>
                <div class="tool-btn">
                    <span v-show="isPrev" class="btn next-btn" @click="prev">上一题</span>
                    <span v-show="isNext" class="btn next-btn" @click="next">下一题</span>
                    <span v-show="isSubmit" class="btn next-btn" @click="save">完成</span>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 页面 css js -->
<!-- <script src="health-index.js"></script> -->
<script>

    new Vue({
        el: '#app',
        data: {
            transitionName: 'slide',
            data: [{
                    subject: {//1
                        title: '阳虚体质',
                        describe: '您手脚发凉吗？（单选）',
                        option: ['没有（根本不）', '很少（有一点）', '有时（有些）', '经常', '总是' ], //选项
                    },
                    checkbox: [],
                    //multiSelect: 0, //2为多选、0为单选、1为组合单选
                    isSelect: false, //判断是否选中其中一个
                    isFirst: true, //判断是否点击多选第一个按钮
                    isAddData: false, //判断是否已加载新数据
                },
                {
                    subject: {//2
                        title: '阳虚体质',
                        describe: '您胃腕部、背部或腰膝部怕冷吗？（单选）',
                        option: ['没有（根本不）', '很少（有一点）', '有时（有些）', '经常', '总是' ], //选项
                    },
                    checkbox: [],
                    //multiSelect: 0, //2为多选、0为单选、1为组合单选
                    isSelect: false, //判断是否选中其中一个
                    isFirst: true, //判断是否点击多选第一个按钮
                    isAddData: false, //判断是否已加载新数据
                },
                {
                    subject: {//3
                        title: '阳虚体质',
                        describe: '您感到怕冷，衣服比别人穿得多吗？（单选）',
                        option: ['没有（根本不）', '很少（有一点）', '有时（有些）', '经常', '总是' ], //选项
                    },
                    checkbox: [],
                    //multiSelect: 0, //2为多选、0为单选、1为组合单选
                    isSelect: false, //判断是否选中其中一个
                    isFirst: true, //判断是否点击多选第一个按钮
                    isAddData: false, //判断是否已加载新数据
                },
                {
                    subject: {//4
                        title: '阳虚体质',
                        describe: '您比一般人受不了寒冷（冬天的寒冷，夏天的冷空调、电扇等）吗？（单选）',
                        option: ['没有（根本不）', '很少（有一点）', '有时（有些）', '经常', '总是' ], //选项
                    },
                    checkbox: [],
                    isSelect: false, //判断是否选中其中一个
                    isFirst: true, //判断是否点击多选第一个按钮
                    isAddData: false, //判断是否已加载新数据
                },
                {
                    subject: {//5
                        title: '阳虚体质',
                        describe: '您比别人容易患感冒吗？（单选）',
                        option: ['没有（根本不）', '很少（有一点）', '有时（有些）', '经常', '总是' ], //选项
                    },
                    checkbox: [],
                    isSelect: false, //判断是否选中其中一个
                    isFirst: true, //判断是否点击多选第一个按钮
                    isAddData: false, //判断是否已加载新数据
                },
                {
                    subject: {//6
                        title: '阳虚体质',
                        describe: '您吃（喝）凉的东西会感到不舒服或者怕吃（喝）凉东西吗？（单选）',
                        option: ['没有（根本不）', '很少（有一点）', '有时（有些）', '经常', '总是' ], //选项
                    },
                    checkbox: [],
                    isSelect: false, //判断是否选中其中一个
                    isFirst: true, //判断是否点击多选第一个按钮
                    isAddData: false, //判断是否已加载新数据
                },
                {
                    subject: {//7
                        title: '阳虚体质',
                        describe: '你受凉或吃（喝）凉的东西后，容易腹泻（拉肚子）吗？（单选）',
                        option: ['没有（根本不）', '很少（有一点）', '有时（有些）', '经常', '总是' ], //选项
                    },
                    checkbox: [],
                    isSelect: false, //判断是否选中其中一个
                    isFirst: true, //判断是否点击多选第一个按钮
                    isAddData: false, //判断是否已加载新数据
                },
                {
                    subject: {//1
                        title: '阴虚体质',
                        describe: '您感到手脚心发热吗？（单选）',
                        option: ['没有（根本不）', '很少（有一点）', '有时（有些）', '经常', '总是' ], //选项
                    },
                    checkbox: [],
                    isSelect: false, //判断是否选中其中一个
                    isFirst: true, //判断是否点击多选第一个按钮
                    isAddData: false, //判断是否已加载新数据
                },
                {
                    subject: {//2
                        title: '阴虚体质',
                        describe: '您感觉身体、脸上发热吗？（单选）',
                        option: ['没有（根本不）', '很少（有一点）', '有时（有些）', '经常', '总是' ], //选项
                    },
                    checkbox: [],
                    isSelect: false, //判断是否选中其中一个
                    isFirst: true, //判断是否点击多选第一个按钮
                    isAddData: false, //判断是否已加载新数据
                },
                {
                    subject: {//3
                        title: '阴虚体质',
                        describe: '您皮肤或口唇干吗？（单选）',
                        option: ['没有（根本不）', '很少（有一点）', '有时（有些）', '经常', '总是' ], //选项
                    },
                    checkbox: [],
                    isSelect: false, //判断是否选中其中一个
                    isFirst: true, //判断是否点击多选第一个按钮
                    isAddData: false, //判断是否已加载新数据
                },
                {
                    subject: {//4
                        title: '阴虚体质',
                        describe: '您口唇的颜色比一般人红吗？（单选）',
                        option: ['没有（根本不）', '很少（有一点）', '有时（有些）', '经常', '总是' ], //选项
                    },
                    checkbox: [],
                    isSelect: false, //判断是否选中其中一个
                    isFirst: true, //判断是否点击多选第一个按钮
                    isAddData: false, //判断是否已加载新数据
                },
                {
                    subject: {//5
                        title: '阴虚体质',
                        describe: '您容易便秘或大便干燥吗？（单选）',
                        option: ['没有（根本不）', '很少（有一点）', '有时（有些）', '经常', '总是' ], //选项
                    },
                    checkbox: [],
                    isSelect: false, //判断是否选中其中一个
                    isFirst: true, //判断是否点击多选第一个按钮
                    isAddData: false, //判断是否已加载新数据
                },
                {
                    subject: {//6
                        title: '阴虚体质',
                        describe: '您面部两潮红或偏红吗？（单选）',
                        option: ['没有（根本不）', '很少（有一点）', '有时（有些）', '经常', '总是' ], //选项
                    },
                    checkbox: [],
                    isSelect: false, //判断是否选中其中一个
                    isFirst: true, //判断是否点击多选第一个按钮
                    isAddData: false, //判断是否已加载新数据
                },
                {
                    subject: {//7
                        title: '阴虚体质',
                        describe: '您感到眼睛干涩吗？（单选）',
                        option: ['没有（根本不）', '很少（有一点）', '有时（有些）', '经常', '总是' ], //选项
                    },
                    checkbox: [],
                    isSelect: false, //判断是否选中其中一个
                    isFirst: true, //判断是否点击多选第一个按钮
                    isAddData: false, //判断是否已加载新数据
                },
                {
                    subject: {//8
                        title: '阴虚体质',
                        describe: '您活动量稍大就容易出虚汗吗？（单选）',
                        option: ['没有（根本不）', '很少（有一点）', '有时（有些）', '经常', '总是' ], //选项
                    },
                    checkbox: [],
                    isSelect: false, //判断是否选中其中一个
                    isFirst: true, //判断是否点击多选第一个按钮
                    isAddData: false, //判断是否已加载新数据
                },
                {
                    subject: {//1
                        title: '气虚体质',
                        describe: '您容易疲乏吗？（单选）',
                        option: ['没有（根本不）', '很少（有一点）', '有时（有些）', '经常', '总是' ], //选项
                    },
                    checkbox: [],
                    isSelect: false, //判断是否选中其中一个
                    isFirst: true, //判断是否点击多选第一个按钮
                    isAddData: false, //判断是否已加载新数据
                },
                {
                    subject: {//2
                        title: '气虚体质',
                        describe: '您容易气短（呼吸短促，接不上气吗）？（单选）',
                        option: ['没有（根本不）', '很少（有一点）', '有时（有些）', '经常', '总是' ], //选项
                    },
                    checkbox: [],
                    isSelect: false, //判断是否选中其中一个
                    isFirst: true, //判断是否点击多选第一个按钮
                    isAddData: false, //判断是否已加载新数据
                },
                {
                    subject: {//3
                        title: '气虚体质',
                        describe: '您容易心慌吗？（单选）',
                        option: ['没有（根本不）', '很少（有一点）', '有时（有些）', '经常', '总是' ], //选项
                    },
                    checkbox: [],
                    isSelect: false, //判断是否选中其中一个
                    isFirst: true, //判断是否点击多选第一个按钮
                    isAddData: false, //判断是否已加载新数据
                },
                {
                    subject: {//4
                        title: '气虚体质',
                        describe: '您容易头晕或站起时晕眩吗？（单选）',
                        option: ['没有（根本不）', '很少（有一点）', '有时（有些）', '经常', '总是' ], //选项
                    },
                    checkbox: [],
                    isSelect: false, //判断是否选中其中一个
                    isFirst: true, //判断是否点击多选第一个按钮
                    isAddData: false, //判断是否已加载新数据
                },
                {
                    subject: {//5
                        title: '气虚体质',
                        describe: '您比别人容易患感冒吗？（单选）',
                        option: ['没有（根本不）', '很少（有一点）', '有时（有些）', '经常', '总是' ], //选项
                    },
                    checkbox: [],
                    isSelect: false, //判断是否选中其中一个
                    isFirst: true, //判断是否点击多选第一个按钮
                    isAddData: false, //判断是否已加载新数据
                },
                {
                    subject: {//6
                        title: '气虚体质',
                        describe: '您喜欢安静、懒得说话吗？（单选）',
                        option: ['没有（根本不）', '很少（有一点）', '有时（有些）', '经常', '总是' ], //选项
                    },
                    checkbox: [],
                    isSelect: false, //判断是否选中其中一个
                    isFirst: true, //判断是否点击多选第一个按钮
                    isAddData: false, //判断是否已加载新数据
                },
                {
                    subject: {//7
                        title: '气虚体质',
                        describe: '您说话声音无力吗？（单选）',
                        option: ['没有（根本不）', '很少（有一点）', '有时（有些）', '经常', '总是' ], //选项
                    },
                    checkbox: [],
                    isSelect: false, //判断是否选中其中一个
                    isFirst: true, //判断是否点击多选第一个按钮
                    isAddData: false, //判断是否已加载新数据
                },
                {
                    subject: {//8
                        title: '气虚体质',
                        describe: '您活动了就容易出虚汗吗？（单选）',
                        option: ['没有（根本不）', '很少（有一点）', '有时（有些）', '经常', '总是' ], //选项
                    },
                    checkbox: [],
                    isSelect: false, //判断是否选中其中一个
                    isFirst: true, //判断是否点击多选第一个按钮
                    isAddData: false, //判断是否已加载新数据
                },
                {
                    subject: {//1
                        title: '痰湿体质',
                        describe: '您感到胸闷或腹部胀满吗？（单选）',
                        option: ['没有（根本不）', '很少（有一点）', '有时（有些）', '经常', '总是' ], //选项
                    },
                    checkbox: [],
                    isSelect: false, //判断是否选中其中一个
                    isFirst: true, //判断是否点击多选第一个按钮
                    isAddData: false, //判断是否已加载新数据
                },
                {
                    subject: {//2
                        title: '痰湿体质',
                        describe: '您感到身体学生不轻松或不爽快吗？（单选）',
                        option: ['没有（根本不）', '很少（有一点）', '有时（有些）', '经常', '总是' ], //选项
                    },
                    checkbox: [],
                    isSelect: false, //判断是否选中其中一个
                    isFirst: true, //判断是否点击多选第一个按钮
                    isAddData: false, //判断是否已加载新数据
                },
                {
                    subject: {//3
                        title: '痰湿体质',
                        describe: '您腹部肥满松软吗？（单选）',
                        option: ['没有（根本不）', '很少（有一点）', '有时（有些）', '经常', '总是' ], //选项
                    },
                    checkbox: [],
                    isSelect: false, //判断是否选中其中一个
                    isFirst: true, //判断是否点击多选第一个按钮
                    isAddData: false, //判断是否已加载新数据
                },
                {
                    subject: {//4
                        title: '痰湿体质',
                        describe: '您有额部油脂分泌多的现象吗？（单选）',
                        option: ['没有（根本不）', '很少（有一点）', '有时（有些）', '经常', '总是' ], //选项
                    },
                    checkbox: [],
                    isSelect: false, //判断是否选中其中一个
                    isFirst: true, //判断是否点击多选第一个按钮
                    isAddData: false, //判断是否已加载新数据
                },
                {
                    subject: {//5
                        title: '痰湿体质',
                        describe: '您上眼睑比别人肿（仍轻微隆起的现象）吗？（单选）',
                        option: ['没有（根本不）', '很少（有一点）', '有时（有些）', '经常', '总是' ], //选项
                    },
                    checkbox: [],
                    isSelect: false, //判断是否选中其中一个
                    isFirst: true, //判断是否点击多选第一个按钮
                    isAddData: false, //判断是否已加载新数据
                },
                {
                    subject: {//6
                        title: '痰湿体质',
                        describe: '您嘴里有黏黏的感觉吗？（单选）',
                        option: ['没有（根本不）', '很少（有一点）', '有时（有些）', '经常', '总是' ], //选项
                    },
                    checkbox: [],
                    isSelect: false, //判断是否选中其中一个
                    isFirst: true, //判断是否点击多选第一个按钮
                    isAddData: false, //判断是否已加载新数据
                },
                {
                    subject: {//7
                        title: '痰湿体质',
                        describe: '您平时痰多，特别是咽喉部总感到有痰堵着吗？（单选）',
                        option: ['没有（根本不）', '很少（有一点）', '有时（有些）', '经常', '总是' ], //选项
                    },
                    checkbox: [],
                    isSelect: false, //判断是否选中其中一个
                    isFirst: true, //判断是否点击多选第一个按钮
                    isAddData: false, //判断是否已加载新数据
                },
                {
                    subject: {//8
                        title: '痰湿体质',
                        describe: '您舌苔厚腻或有舌苔厚厚的感觉吗？（单选）',
                        option: ['没有（根本不）', '很少（有一点）', '有时（有些）', '经常', '总是' ], //选项
                    },
                    checkbox: [],
                    isSelect: false, //判断是否选中其中一个
                    isFirst: true, //判断是否点击多选第一个按钮
                    isAddData: false, //判断是否已加载新数据
                },
                {
                    subject: {//1
                        title: '湿热体质',
                        describe: '您面部或鼻部有油腻感或者油亮发光吗？（单选）',
                        option: ['没有（根本不）', '很少（有一点）', '有时（有些）', '经常', '总是' ], //选项
                    },
                    checkbox: [],
                    isSelect: false, //判断是否选中其中一个
                    isFirst: true, //判断是否点击多选第一个按钮
                    isAddData: false, //判断是否已加载新数据
                },
                {
                    subject: {//2
                        title: '湿热体质',
                        describe: '您容易生痤疮或疮疖吗？（单选）',
                        option: ['没有（根本不）', '很少（有一点）', '有时（有些）', '经常', '总是' ], //选项
                    },
                    checkbox: [],
                    isSelect: false, //判断是否选中其中一个
                    isFirst: true, //判断是否点击多选第一个按钮
                    isAddData: false, //判断是否已加载新数据
                },
                {
                    subject: {//3
                        title: '湿热体质',
                        describe: '您感到口苦或嘴里有异味吗？（单选）',
                        option: ['没有（根本不）', '很少（有一点）', '有时（有些）', '经常', '总是' ], //选项
                    },
                    checkbox: [],
                    isSelect: false, //判断是否选中其中一个
                    isFirst: true, //判断是否点击多选第一个按钮
                    isAddData: false, //判断是否已加载新数据
                },
                {
                    subject: {//4
                        title: '湿热体质',
                        describe: '您大便黏滞不爽、有解不尽的感觉吗？（单选）',
                        option: ['没有（根本不）', '很少（有一点）', '有时（有些）', '经常', '总是' ], //选项
                    },
                    checkbox: [],
                    isSelect: false, //判断是否选中其中一个
                    isFirst: true, //判断是否点击多选第一个按钮
                    isAddData: false, //判断是否已加载新数据
                },
                {
                    subject: {//5
                        title: '湿热体质',
                        describe: '您小便时尿道有发热感、尿色浓（深）吗？（单选）',
                        option: ['没有（根本不）', '很少（有一点）', '有时（有些）', '经常', '总是' ], //选项
                    },
                    checkbox: [],
                    isSelect: false, //判断是否选中其中一个
                    isFirst: true, //判断是否点击多选第一个按钮
                    isAddData: false, //判断是否已加载新数据
                },
                {
                    subject: {//6
                        title: '湿热体质',
                        describe: '36.您带下色黄（白带颜色发黄）吗？（限女性回答）（单选）',
                        option: ['没有（根本不）', '很少（有一点）', '有时（有些）', '经常', '总是', '不是女性' ], //选项
                    },
                    checkbox: [],
                    isSelect: false, //判断是否选中其中一个
                    isFirst: true, //判断是否点击多选第一个按钮
                    isAddData: false, //判断是否已加载新数据
                },
                {
                    subject: {//7
                        title: '湿热体质',
                        describe: '您的阴囊部位潮湿吗？（单选）',
                        option: ['没有（根本不）', '很少（有一点）', '有时（有些）', '经常', '总是' ], //选项
                    },
                    checkbox: [],
                    isSelect: false, //判断是否选中其中一个
                    isFirst: true, //判断是否点击多选第一个按钮
                    isAddData: false, //判断是否已加载新数据
                },
                {
                    subject: {//1
                        title: '血瘀体质',
                        describe: '您的皮肤在不知不觉中会出现青紫瘀斑（皮下出血）吗？（单选）',
                        option: ['没有（根本不）', '很少（有一点）', '有时（有些）', '经常', '总是' ], //选项
                    },
                    checkbox: [],
                    isSelect: false, //判断是否选中其中一个
                    isFirst: true, //判断是否点击多选第一个按钮
                    isAddData: false, //判断是否已加载新数据
                },
                {
                    subject: {//2
                        title: '血瘀体质',
                        describe: '您两颧部有细微红丝吗？（单选）',
                        option: ['没有（根本不）', '很少（有一点）', '有时（有些）', '经常', '总是' ], //选项
                    },
                    checkbox: [],
                    isSelect: false, //判断是否选中其中一个
                    isFirst: true, //判断是否点击多选第一个按钮
                    isAddData: false, //判断是否已加载新数据
                },
                {
                    subject: {//4
                        title: '血瘀体质',
                        describe: '您身体上有哪里疼痛吗？（单选）',
                        option: ['没有（根本不）', '很少（有一点）', '有时（有些）', '经常', '总是' ], //选项
                    },
                    checkbox: [],
                    isSelect: false, //判断是否选中其中一个
                    isFirst: true, //判断是否点击多选第一个按钮
                    isAddData: false, //判断是否已加载新数据
                },
                {
                    subject: {//5
                        title: '血瘀体质',
                        describe: '您面色晦黯或容易出现褐斑吗？（单选）',
                        option: ['没有（根本不）', '很少（有一点）', '有时（有些）', '经常', '总是' ], //选项
                    },
                    checkbox: [],
                    isSelect: false, //判断是否选中其中一个
                    isFirst: true, //判断是否点击多选第一个按钮
                    isAddData: false, //判断是否已加载新数据
                },
                {
                    subject: {//6
                        title: '血瘀体质',
                        describe: '您容易有黑眼圈吗？（单选）',
                        option: ['没有（根本不）', '很少（有一点）', '有时（有些）', '经常', '总是' ], //选项
                    },
                    checkbox: [],
                    isSelect: false, //判断是否选中其中一个
                    isFirst: true, //判断是否点击多选第一个按钮
                    isAddData: false, //判断是否已加载新数据
                },
                {
                    subject: {//7
                        title: '血瘀体质',
                        describe: '您容易忘事（健忘）吗？（单选）',
                        option: ['没有（根本不）', '很少（有一点）', '有时（有些）', '经常', '总是' ], //选项
                    },
                    checkbox: [],
                    isSelect: false, //判断是否选中其中一个
                    isFirst: true, //判断是否点击多选第一个按钮
                    isAddData: false, //判断是否已加载新数据
                },
                {
                    subject: {//8
                        title: '血瘀体质',
                        describe: '您口唇颜色偏黯吗？（单选）',
                        option: ['没有（根本不）', '很少（有一点）', '有时（有些）', '经常', '总是' ], //选项
                    },
                    checkbox: [],
                    isSelect: false, //判断是否选中其中一个
                    isFirst: true, //判断是否点击多选第一个按钮
                    isAddData: false, //判断是否已加载新数据
                },
                {
                    subject: {//1
                        title: '特禀体质',
                        describe: '您没有感冒时也会打喷嚏吗？（单选）',
                        option: ['没有（根本不）', '很少（有一点）', '有时（有些）', '经常', '总是' ], //选项
                    },
                    checkbox: [],
                    isSelect: false, //判断是否选中其中一个
                    isFirst: true, //判断是否点击多选第一个按钮
                    isAddData: false, //判断是否已加载新数据
                },
                {
                    subject: {//2
                        title: '特禀体质',
                        describe: '您没有感冒时也会鼻塞、流鼻涕吗？（单选）',
                        option: ['没有（根本不）', '很少（有一点）', '有时（有些）', '经常', '总是' ], //选项
                    },
                    checkbox: [],
                    isSelect: false, //判断是否选中其中一个
                    isFirst: true, //判断是否点击多选第一个按钮
                    isAddData: false, //判断是否已加载新数据
                },
                {
                    subject: {//3
                        title: '特禀体质',
                        describe: '您有因季节变化、温度变化或异味等原因而咳喘的现象吗？（单选）',
                        option: ['没有（根本不）', '很少（有一点）', '有时（有些）', '经常', '总是' ], //选项
                    },
                    checkbox: [],
                    isSelect: false, //判断是否选中其中一个
                    isFirst: true, //判断是否点击多选第一个按钮
                    isAddData: false, //判断是否已加载新数据
                },
                {
                    subject: {//4
                        title: '特禀体质',
                        describe: '您容易过敏（对药物、食物、气味、花粉或在季节交替、气候变化时）吗？（单选）',
                        option: ['没有（根本不）', '很少（有一点）', '有时（有些）', '经常', '总是' ], //选项
                    },
                    checkbox: [],
                    isSelect: false, //判断是否选中其中一个
                    isFirst: true, //判断是否点击多选第一个按钮
                    isAddData: false, //判断是否已加载新数据
                },
                {
                    subject: {//5
                        title: '特禀体质',
                        describe: '您的皮肤容易起荨麻疹（风团、风疹块、风疙瘩）吗？（单选）',
                        option: ['没有（根本不）', '很少（有一点）', '有时（有些）', '经常', '总是' ], //选项
                    },
                    checkbox: [],
                    isSelect: false, //判断是否选中其中一个
                    isFirst: true, //判断是否点击多选第一个按钮
                    isAddData: false, //判断是否已加载新数据
                },
                {
                    subject: {//6
                        title: '特禀体质',
                        describe: '您的因过敏出现过紫癜（紫红色瘀点、瘀斑）吗？（单选）',
                        option: ['没有（根本不）', '很少（有一点）', '有时（有些）', '经常', '总是' ], //选项
                    },
                    checkbox: [],
                    isSelect: false, //判断是否选中其中一个
                    isFirst: true, //判断是否点击多选第一个按钮
                    isAddData: false, //判断是否已加载新数据
                },
                {
                    subject: {//7
                        title: '特禀体质',
                        describe: '您的皮肤一抓就红，并出现抓痕吗？（单选）',
                        option: ['没有（根本不）', '很少（有一点）', '有时（有些）', '经常', '总是' ], //选项
                    },
                    checkbox: [],
                    isSelect: false, //判断是否选中其中一个
                    isFirst: true, //判断是否点击多选第一个按钮
                    isAddData: false, //判断是否已加载新数据
                },
                {
                    subject: {//1
                        title: '气郁型',
                        describe: '您感到闷闷不乐吗？（单选）',
                        option: ['没有（根本不）', '很少（有一点）', '有时（有些）', '经常', '总是' ], //选项
                    },
                    checkbox: [],
                    isSelect: false, //判断是否选中其中一个
                    isFirst: true, //判断是否点击多选第一个按钮
                    isAddData: false, //判断是否已加载新数据
                },
                {
                    subject: {//2
                        title: '气郁型',
                        describe: '您容易精神紧张、焦虑不安吗？（单选）',
                        option: ['没有（根本不）', '很少（有一点）', '有时（有些）', '经常', '总是' ], //选项
                    },
                    checkbox: [],
                    isSelect: false, //判断是否选中其中一个
                    isFirst: true, //判断是否点击多选第一个按钮
                    isAddData: false, //判断是否已加载新数据
                },
                {
                    subject: {//3
                        title: '气郁型',
                        describe: '您多愁善感、感情脆弱吗？（单选）',
                        option: ['没有（根本不）', '很少（有一点）', '有时（有些）', '经常', '总是' ], //选项
                    },
                    checkbox: [],
                    isSelect: false, //判断是否选中其中一个
                    isFirst: true, //判断是否点击多选第一个按钮
                    isAddData: false, //判断是否已加载新数据
                },
                {
                    subject: {//4
                        title: '气郁型',
                        describe: '您容易感到害怕或受到惊吓吗？（单选）',
                        option: ['没有（根本不）', '很少（有一点）', '有时（有些）', '经常', '总是' ], //选项
                    },
                    checkbox: [],
                    isSelect: false, //判断是否选中其中一个
                    isFirst: true, //判断是否点击多选第一个按钮
                    isAddData: false, //判断是否已加载新数据
                },
                {
                    subject: {//5
                        title: '气郁型',
                        describe: '您胁肋部或乳房腹痛吗？（单选）',
                        option: ['没有（根本不）', '很少（有一点）', '有时（有些）', '经常', '总是' ], //选项
                    },
                    checkbox: [],
                    isSelect: false, //判断是否选中其中一个
                    isFirst: true, //判断是否点击多选第一个按钮
                    isAddData: false, //判断是否已加载新数据
                },
                {
                    subject: {//6
                        title: '气郁型',
                        describe: '您无缘无故叹气吗？（单选）',
                        option: ['没有（根本不）', '很少（有一点）', '有时（有些）', '经常', '总是' ], //选项
                    },
                    checkbox: [],
                    isSelect: false, //判断是否选中其中一个
                    isFirst: true, //判断是否点击多选第一个按钮
                    isAddData: false, //判断是否已加载新数据
                },
                {
                    subject: {//7
                        title: '气郁型',
                        describe: '您咽喉部有异物感，且吐之不出、咽之不下吗？（单选）',
                        option: ['没有（根本不）', '很少（有一点）', '有时（有些）', '经常', '总是' ], //选项
                    },
                    checkbox: [],
                    isSelect: false, //判断是否选中其中一个
                    isFirst: true, //判断是否点击多选第一个按钮
                    isAddData: false, //判断是否已加载新数据
                },
                {
                    subject: {//1
                        title: '平和质',
                        describe: '您精力充沛吗？（单选）',
                        option: ['没有（根本不）', '很少（有一点）', '有时（有些）', '经常', '总是' ], //选项
                    },
                    checkbox: [],
                    isSelect: false, //判断是否选中其中一个
                    isFirst: true, //判断是否点击多选第一个按钮
                    isAddData: false, //判断是否已加载新数据
                },
                {
                    subject: {//2
                        title: '平和质',
                        describe: '您容易疲乏吗？（单选）',
                        option: ['总是', '经常', '有时（有些）', '很少（有一点）', '没有（根本不）' ], //选项
                    },
                    checkbox: [],
                    isSelect: false, //判断是否选中其中一个
                    isFirst: true, //判断是否点击多选第一个按钮
                    isAddData: false, //判断是否已加载新数据
                },
                {
                    subject: {//3
                        title: '平和质',
                        describe: '您说话声音无力吗？（单选）',
                        option: ['总是', '经常', '有时（有些）', '很少（有一点）', '没有（根本不）' ], //选项
                    },
                    checkbox: [],
                    isSelect: false, //判断是否选中其中一个
                    isFirst: true, //判断是否点击多选第一个按钮
                    isAddData: false, //判断是否已加载新数据
                },
                {
                    subject: {//4
                        title: '平和质',
                        describe: '您感到闷闷不乐吗？（单选）',
                        option: ['总是', '经常', '有时（有些）', '很少（有一点）', '没有（根本不）'], //选项
                    },
                    checkbox: [],
                    isSelect: false, //判断是否选中其中一个
                    isFirst: true, //判断是否点击多选第一个按钮
                    isAddData: false, //判断是否已加载新数据
                },
                {
                    subject: {//5
                        title: '平和质',
                        describe: '您比一般人耐受不了寒冷（冬天的寒冷，夏天的冷空调、电扇）吗？（单选）',
                        option: ['总是', '经常', '有时（有些）', '很少（有一点）', '没有（根本不）' ], //选项
                    },
                    checkbox: [],
                    isSelect: false, //判断是否选中其中一个
                    isFirst: true, //判断是否点击多选第一个按钮
                    isAddData: false, //判断是否已加载新数据
                },
                {
                    subject: {//6
                        title: '平和质',
                        describe: '您能适应外界自然和社会环境的变化吗？（单选）',
                        option: ['总是', '经常', '有时（有些）', '很少（有一点）', '没有（根本不）' ], //选项
                    },
                    checkbox: [],
                    isSelect: false, //判断是否选中其中一个
                    isFirst: true, //判断是否点击多选第一个按钮
                    isAddData: false, //判断是否已加载新数据
                },
                {
                    subject: {//7
                        title: '平和质',
                        describe: '您容易失眠吗？（单选）',
                        option: ['总是', '经常', '有时（有些）', '很少（有一点）', '没有（根本不）' ], //选项
                    },
                    checkbox: [],
                    isSelect: false, //判断是否选中其中一个
                    isFirst: true, //判断是否点击多选第一个按钮
                    isAddData: false, //判断是否已加载新数据
                },
                {
                    subject: {//8
                        title: '平和质',
                        describe: '您容易忘事（健忘）吗？（单选）',
                        option: ['总是', '经常', '有时（有些）', '很少（有一点）', '没有（根本不）' ], //选项
                    },
                    checkbox: [],
                    isSelect: false, //判断是否选中其中一个
                    isFirst: true, //判断是否点击多选第一个按钮
                    isAddData: false, //判断是否已加载新数据
                },
            ],


            dataIndex: 0, //问题索引
            isPrev: false, //上一题是否显示
            isNext: false, //下一题是否显示
            isSubmit: false, //提交是否显示
            sex: '', //判断性别
            score:0,//评估分数
            count:0,//次数
        },
        mounted() {
            // axios({
            //     url:"/user/get",
            //     method:"get",  //请求方式：get、post、put、delete
            //     params:{   //路径参数，跟在url后面的，通过？拼接成的键值对参数
            //         gender:"男",
            //         age:18
            //     },
            //     data:this.user   , //请求体参数，底层默认是按照application/json格式发送,
            //     headers:{   //请求头
            //         header1:"abc",
            //         header2:"efg"
            //     }
            // }).then(function (data){
            //     let res = data.data.sex;
            //     this.data.sex="男";
            //     alert(res)
            // });

        },
        watch: {
            dataIndex(news, olds) { //动画切换
                this.transitionName = news < olds ? 'slide_back' : 'slide';
            },

        },
        methods: {

            choiceRadio(index, liIndex) { //单选操作
                this.choice(index, liIndex);
            },

            choice(index, liIndex,) {
                this.score = this.score + 5 - liIndex;
                console.log(this.score);
                setTimeout(() => {

                            let radioTitle = this.data[index].subject.title;
                            console.log(radioTitle);



                    if (this.data[index].checkbox.length > 0) {
                        this.isNext = true;
                        this.data[index].isSelect = true;

                    } else {
                        this.isNext = false;
                        this.data[index].isSelect = false;
                    }

                    if (this.dataIndex === (this.data.length - 1)) { //判断是否是最后一题，并隐藏下一题按钮
                        this.isNext = false;
                    }
                    //    console.log(this.data[index].checkbox)
                })

            },

            prev() { //上一题
                this.dataIndex -= 1;
                if (this.dataIndex <= 0) {
                    this.isPrev = false;
                }
                this.isNext = true;
                this.isSubmit = false;
            },
            next() { //下一题
                this.dataIndex += 1;
                //打开cookie携带开关
                axios.defaults.withCredentials = true;

                if (this.dataIndex > 0) {

                    if (this.dataIndex == 7 || this.dataIndex == 15 || this.dataIndex == 23 || this.dataIndex == 31
                        || this.dataIndex == 38 || this.dataIndex == 45 || this.dataIndex == 52 || this.dataIndex == 59){
                        axios({
                            url:"http://localhost:81/risk/physical",
                            method: "post",
                            params:{score:this.score,count:this.count},
                            headers:{
                                //Bearer token的规范是：Authorization名称的头，值为Bearer空格+具体的jwt串
                                "Authorization":"Bearer " + localStorage.getItem("token")
                            }
                        }).then(resp=>{
                            this.score=0;
                            if (this.count < 8){
                                this.count += 1;
                            }else {
                                this.count =0;
                            }
                            console.log(resp.data);
                            //判断是否有刷新的token
                            let refreshToken = resp.headers.refresh_token;
                            if (refreshToken!=null&&refreshToken.length!=0){
                                localStorage.setItem("token",refreshToken)
                            }
                            let res = resp.data;
                            if (res.code == 2000){
                                //没有登录  -- 跳转到登录页面
                                location.href = "/pages/health-login.html"
                            }else if(res.code == 3000){
                                //没有权限
                            }else if(res.code == 1000){
                                //访问数据成功
                                this.msg = res;
                            }
                        });
                    }
                    this.isPrev = true;
                    if (this.data[this.dataIndex].isSelect) {
                        this.isNext = true;
                    } else {
                        this.isNext = false;
                    }
                }
                if (this.data.length - 1 == this.dataIndex) {
                    this.isNext = false;
                    this.isSubmit = true;
                }
            },
            save() { //保存数据---这是完成按钮
                if (this.data[this.dataIndex].isSelect) {
                    this.count = 8;
                    axios({
                        url:"http://localhost:81/risk/physical",
                        method: "post",
                        params:{score:this.score,count:this.count},
                        headers:{
                            //Bearer token的规范是：Authorization名称的头，值为Bearer空格+具体的jwt串
                            "Authorization":"Bearer " + localStorage.getItem("token")
                        }
                    }).then(resp=>{
                        this.score=0;

                        console.log(resp.data);
                        //判断是否有刷新的token
                        let refreshToken = resp.headers.refresh_token;
                        if (refreshToken!=null&&refreshToken.length!=0){
                            localStorage.setItem("token",refreshToken)
                        }
                        let res = resp.data;
                        if (res.code == 2000){
                            //没有登录  -- 跳转到登录页面
                            location.href = "/pages/health-login.html"
                        }else if(res.code == 3000){
                            //没有权限
                        }else if(res.code == 1000){
                            //访问数据成功
                            this.msg = res;
                        }
                    });
                    console.log(this.data); //this.data---需要保存到数据库的数据

                } else {
                    alert(this.data[this.dataIndex].subject.describe = '必选');
                }
            },
        }
    });

</script>

</body>